<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>任务19</title>
    <style>
        span{
            display:inline-block;
            width:10px;
            background-color: red;
            margin-top:10px;
            margin-left:5px;
        }
    </style>

</head>
<body>
   <input type="text" id="in_put">
    <button>左侧入</button>
    <button>右侧入</button>
    <button>左侧出</button>
    <button>右侧出</button>
    <button>打乱</button>
    <button>冒泡</button>
    <button>选择</button>
    <button>插入</button>
    <div id="content"></div>
   <script src="task19.js" type="text/javascript"></script>
</body>
</html>